<template>
	<view class="content">
		<image :src="staticUrl + '/image/data_1.png'" @click="toDetail(1)"></image>
		<image :src="staticUrl + '/image/data_2.png'" @click="toDetail(2)"></image>
		<image :src="staticUrl + '/image/data_3.png'" @click="toDetail(3)"></image>
		<image :src="staticUrl + '/image/data_4.png'" @click="toDetail(4)"></image>
		<image :src="staticUrl + '/image/data_5.png'" @click="toDetail(5)"></image>
	</view>
</template>

<script>
export default {
	data() {
		return {
			staticUrl:this.$config.StaticUrl,
		};
	},
	onLoad() {
		console.log('onload');
	},
	onShow() {
		console.log('onshow');
	},
	onReady() {
		console.log('onready');
	},
	mounted() {
		console.log('mounted');
	},
	methods: {
		// 跳转到详情页
		toDetail: function(id) {
			uni.navigateTo({
				url: 'introductDataDetail?id=' + id
			});
		}
	}
};
</script>

<style>
page {
	background-color: #f5f5f5;
}
.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: auto;
}
image {
	width: 700rpx;
	height: 262rpx;
	margin-top: 22rpx;
}
</style>
